<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	<ul>
			 <li>click me</li>
			 <li>click me</li>
			 <li>click me</li>
			 <li>click me</li>
		</ul>
		<script>
//			1.初始化操作  var i=0;
//			2.i<10? ==> true===>3
//			3.执行循环体中的代码. console.log(i);
//			4.i++==>i=1==>2步
    var elements=document.getElementsByTagName('li');
    var length=elements.length;
    for(var i=0;i<length;i++){
        elements[i].onclick=function(){
             alert(i);
         }

    }
			
		</script>
		
	</body>
</html>
